<template>
    <el-table-column
            :prop="col.prop"
            :label="col.label"
            :align="alignType"
    >
        <template v-for="(item, index) of col.children">
            <column-item v-if="item.children" :key="index" :col="item"></column-item>
            <el-table-column
                    v-else
                    :key="index"
                    :label="item.label"
                    :prop="item.prop"
                    :align="alignType"
            ></el-table-column>
        </template>
    </el-table-column>
</template>

<script>
    export default {
        name: "ColumnItem",
        props: {
            col: {
                type: Object,
            },
            //判断单元格文字是居中还是左对齐显示
            alignType: {
                type: String,
                default: "center",//默认居中
            },
        },
    };
</script>
<style scoped></style>

